<template>
    <div class="lists">
        <router-link class="lists-mgs iconfont" to="/personal/integral">
            <p>
                <span class="lists-mgs-img">&#xea00;</span>
                我的积分
                <span class="lists-mgs-arrow">&#xe7eb;</span>
            </p>
        </router-link>
        <router-link class="lists-mgs iconfont" to="/personal/list-about">
            <p>
                <span class="lists-mgs-img">&#xea0b;</span>
                关于我们
                <span class="lists-mgs-arrow">&#xe7eb;</span>
            </p>
        </router-link>
        <router-link class="lists-mgs iconfont" to="/personal/list-feedback">
            <p>
                <span class="lists-mgs-img">&#xea0a;</span>
                意见反馈
                <span class="lists-mgs-arrow">&#xe7eb;</span>
            </p>
        </router-link>
        <router-link class="lists-mgs iconfont" to="/personal/setting">
            <p>
                <span class="lists-mgs-img">&#xea06;</span>
                设置
                <span class="lists-mgs-arrow">&#xe7eb;</span>
            </p>
        </router-link>
    </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import '../../assets/styles/global';
.lists {
    width: 100%;
    margin-top: 12px;
    padding-left: 12px;
    background: white;
    .lists-mgs {
        display: flex;
        width: 100%;
        height: 50px;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        color: black;
        font-size: 14px;
        position: relative;
        p {
            align-self: center;
            .lists-mgs-img {
                margin-right: 10px;
                color: green;
                font-size: 24px;
            }
            .lists-mgs-arrow {
                position: absolute;
                top: 14px;
                right: 18px;
            }
        }
    }
}
</style>
